<template>
			<view class="userLogin-mian" v-if="token">
				<image src="/static/images/login/toux.png"></image>
				<view class="userLogin-box">
					<view>
						<image src="/static/images/login/grid_icon.png"></image>
						<input
							type="text"
							placeholder="请输入用户名"
							placeholder-style="font-size:16rpx;color:#ACACAC;"
						/>
					</view>
					<view>
						<image src="/static/images/login/_icon2.png"></image>
						<input
							type="text"
							placeholder="请输入手机号"
							placeholder-style="font-size:16rpx;color:#ACACAC;"
						/>
					</view>
					<view>
						<image src="/static/images/login/_icon4.png"></image>
						<input
							type="text"
							placeholder="请输入密码"
							placeholder-style="font-size:16rpx;color:#ACACAC;"
						/>
					</view>
					<view>
						<image src="/static/images/login/yaoq.png"></image>
						<input
							type="text"
							placeholder="请输入邀请码"
							placeholder-style="font-size:16rpx;color:#ACACAC;"
						/>
					</view>
					<view>注册</view>
				</view>
				<view @tap="isshow">登录</view>
			</view>
</template>

<script>
export default {
	name: 'userLogin',
	data() {
		return {
			token:true,
		};
	},
	methods: {
		isshow() {
			this.token =!this.token
			this.$emit('isshow', false);
		}
	}
};
</script>

<style lang="scss" scoped>
.userLogin-mian {
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;

	> image {
		width: 100rpx;
		height: 100rpx;
		margin: 20rpx;
	}
	.userLogin-box {
		width: 80vw;
		view {
			display: flex;
			align-items: center;
			margin-top: 20rpx;
			border-radius: 90rpx;
			padding: 0 10rpx;
			background-color: #f5f5f5;
			input {
				flex: 1;
				padding: 20rpx 0;
				font-size: 22rpx;
				color: rgb(187, 187, 187);
				z-index: 99;
			}
			image {
				padding: 0 10rpx;
				// position: absolute;
				width: 24rpx;
				height: 24rpx;
				// left: 20rpx;
			}
			&:last-child {
				display: flex;
				justify-content: center;
				color: #d3e9fb;
				background: linear-gradient(to right, #3388ee, #4db9f1);
				font-size: 24rpx;
				padding: 20rpx 0;
				border-radius: 90rpx;
				margin-bottom: 20rpx;
			}
		} //view
	}
	&:last-child {
		font-size: 24rpx;
	}
}
</style>
